<template>
  <!-- 必须有一个根元素 -->
  <div>
    <MyCeshi></MyCeshi>
    <my-ceshi></my-ceshi>
  </div>
</template>

<script>
// data必须是一个函数 同一个组件被调用多次的时候 如果data是对象，就会指向同一个栈中的地址，就会互相影响
//data是一个函数，组件被调用一次 data执行就会返回一个独立的对象，就会互相影响
// 绝对路径 比相对路径更好 因为相对路径有一个问题 如果有一天我们把当前组件换位置了 我们相对路径可能就是错的
// 以后只要发现颜色是灰色的 说明没有用

// 1. 先在components中创建一个组件
// 2. 在App.vue中导入这个组件并且使用components属性注册一下
import MyCeshi from "@/components/MyCeshi.vue";
export default {
  components: {
    MyCeshi,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped></style>


// 父子关系
// 隔代关系
// 兄弟组件
// 不相关的两个组件